<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>基本选择器</title>
</head>
<body>
	<div id='test1'>id test1</div>
	<div class="test2">class test2</div>
	<div class="test2">class test3</div>

	<p>p1</p>
	<p>p2</p>
	<p>p3</p>
</body>
	<script src="./jquery-3.1.1.js" type="text/javascript"></script>
	<script type="text/javascript">
		$('*').css('background','aqua');
		//id选择器
		$('#test1').css('background','orange');
		//标签选择器
		$('p').css('background','fuchsia');
		//类选择器
		$('.test2').css('background','pink');
		

	</script>

</html>